<template>
  <div id="app">
    <router-view></router-view>
    <van-tabbar route
      v-if="$route.meta.showFooter"
      active-color="#D53C34"
      inactive-color="#cecece">
      <van-tabbar-item icon="browsing-history-o"
        :to="{ name: 'Home' }">发现</van-tabbar-item>
      <van-tabbar-item icon="music-o"
        :to="{ name: 'Boke' }">播客</van-tabbar-item>
      <van-tabbar-item icon="service-o"
        :to="{ name: 'Cart' }">我的</van-tabbar-item>
      <van-tabbar-item icon="friends-o"
        :to="{ name: 'Mine' }">关注</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'App',
  created() {
    const token = localStorage.getItem('token')
    this.$store.commit('changeToken', token)
  },
  components: {}
}
</script>

<style>
</style>
